﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/HubPageDivided.Master" Inherits="Deixei.Web.DeixeiViewPage<dynamic>" %>

<asp:Content ID="testHubTitleContent" ContentPlaceHolderID="HubTitleContent" runat="server">
    My UI Test Page - My ASP.NET MVC Application
</asp:Content>

<asp:Content ID="testLeftHubContent" ContentPlaceHolderID="LeftHubContent" runat="server">
    <table class="table table-hover table-condensed table-striped">
        <thead>
            <tr>
                <th>Id</th>
                <th>Username</th>
                <th>Name</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>MarcioParente</td>
                <td>Marcio Parente</td>
            </tr>
            <tr>
                <td>2</td>
                <td>ManuelParente</td>
                <td>Manuel Parente</td>
            </tr>
            <tr>
                <td>3</td>
                <td>MarcioParente</td>
                <td>Marcio Parente</td>
            </tr>
            <tr>
                <td>4</td>
                <td>ManuelParente</td>
                <td>Manuel Parente</td>
            </tr>
        </tbody>
    </table>

</asp:Content>
<asp:Content ID="testRightHubContent" ContentPlaceHolderID="RightHubContent" runat="server">
<ul class="nav nav-tabs">
  <li class="active"><a href="#details" data-toggle="tab">Details</a></li>
  <li><a href="#edit" data-toggle="tab">Edit</a></li>
  <li><a href="#roles" data-toggle="tab">Roles</a></li>
  <li><a href="#applications" data-toggle="tab">Applications</a></li>
</ul>
<div class="tab-content">
  <div class="tab-pane active" id="details">
<div class="btn-toolbar">
  <div class="btn-group">
    <button class="btn btn-mini" rel="tooltip" title="Edit"><i class="icon-edit"></i></button>
    <button class="btn btn-mini" rel="tooltip" title="Refresh"><i class="icon-refresh"></i></button>
    <button class="btn btn-mini" rel="tooltip" title="Search"><i class="icon-search"></i></button>
  </div>
  <div class="btn-group">
    <button class="btn btn-mini" rel="tooltip" title="Delete"><i class="icon-trash"></i></button>
    <button class="btn btn-mini" rel="tooltip" title="Current User"><i class="icon-user"></i></button>
    <button class="btn btn-mini" rel="tooltip" title="Add new user"><i class="icon-plus"></i></button>
  </div>
</div>



  </div>
  <div class="tab-pane" id="edit">
    <form class="form-horizontal">
        <legend>User Details</legend>
        <div class="control-group">
            <label class="control-label" for="txtUsername">Username</label>
            <div class="controls">
                <input type="text" placeholder="Username" id="txtUsername">
                <span class="help-inline">Something may have gone wrong</span>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="txtName">Name</label>
            <div class="controls">
                <input type="text" placeholder="Name" id="txtName">
                <span class="help-inline">Something may have gone wrong</span>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="txtRole">Role</label>
            <div class="controls">
                <select class="span3" id="txtRole">
                <option>Admin</option>
                <option>Developer</option>
                </select>                
            </div>
            <span class="help-inline">Something may have gone wrong</span>
        </div>
        <div class="control-group">
            <div class="controls">
                <button type="submit" class="btn">Save</button>
            </div>
        </div>
    </form>

  </div>
  <div class="tab-pane" id="roles">

      <a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>
<!-- Modal -->
<div class="modal hide" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-keyboard="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Modal header</h3>
  </div>
  <div class="modal-body">
    <p>One fine body…</p>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary">Save changes</button>
  </div>
</div>

  </div>
  <div class="tab-pane" id="applications">

	      <div class="alert alert-block">
	        <a class="close" data-dismiss="alert">&times;</a>
	        <h4 class="alert-heading">Alert block</h4>
	        <p>Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
	      </div>

  </div>
</div>






</asp:Content>

